import { Slider } from 'antd-mobile'
import React from 'react'
import styles from './index.module.less'
import type { SliderProps } from 'antd-mobile/es/components/slider'

export default function CustomSlider(props: SliderProps) {
    const { max, value } = props
    return (
        <div className={styles.custom_slider_wrapper}>
            <Slider
                {...props}
                value={Number(value) || 0}
                // icon={
                //     props.value !== 0 ? (
                //         <div className={styles.popup}>
                //             <span className={styles.select_val}>
                //                 <span className={styles.value_text}>{props.value}</span>
                //             </span>
                //         </div>
                //     ) : null
                // }
                className={styles.my_slider}
            />
            <div className={styles.max_score}>{value || 0}分</div>
            {/* <div className={styles.marks}>
                <span>&nbsp;0</span>
                <span>100</span>
            </div> */}
        </div>
    )
}
